<template>
  <div>
    <el-row>
      <el-col :span="8" class="title">账号：</el-col>
      <el-col :span="16" class="content">{{ info.username }}</el-col>
    </el-row>
    <el-row>
      <el-col :span="8" class="title">姓名：</el-col>
      <el-col :span="16" class="content">{{ info.nickname }}</el-col>
    </el-row>
    <el-row>
      <el-col :span="8" class="title">状态：</el-col>
      <el-col :span="16" class="content">{{
        info.status ? "启用" : "禁用"
      }}</el-col>
    </el-row>
    <el-row>
      <el-col :span="8" class="title">创建时间：</el-col>
      <el-col :span="16" class="content">{{ info.created_at }}</el-col>
    </el-row>
    <el-row>
      <el-col :span="8" class="title">更新时间：</el-col>
      <el-col :span="16" class="content">{{ info.updated_at }}</el-col>
    </el-row>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    info() {
      return this.getInfo().user;
    }
  },
  methods: {
    ...mapGetters("account", ["getInfo"])
  }
};
</script>

<style scoped lang="scss">
.el-row {
  line-height: 36px;
}
.title {
  text-align: right;
}
.content {
  text-align: left;
}
</style>
